<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <style>
        #app {
            max-width: 750px;
            margin: 0 auto;
        }
    </style>
</head>
<body>
<noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
        Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
<script>
    window.designBaseWidth = 375;
    (function (doc, win) {
        var docEl = doc.documentElement
        var resizeEvent = 'orientationchange' in window ? 'orientationchange' : 'resize'
        var recalcFun = function () {
            var clientWidth = docEl.clientWidth
            docEl.style.fontSize = 16 * (clientWidth / win.designBaseWidth) + 'px'
            // for dpr=2.xx -> 2, dpr=3.xx -> 3
            docEl.setAttribute('data-dpr', Math.floor(window.devicePixelRatio))
        }
        recalcFun()
        if (!doc.addEventListener) return
        win.addEventListener(resizeEvent, recalcFun, false)
    })(document, window)
</script>
</body>
</html>
